<template>
  <div class="fans_wrap">
    <div class="head">
       <img src="../images/mainOne/fans/arro.png"/>
       <span>粉 丝</span>
    </div>
    <FansItem></FansItem>
    <FansItem></FansItem>
    <FansItem></FansItem>
    <FansItem></FansItem>
    <FansItem></FansItem>
    <FansItem></FansItem>
    <FansItem></FansItem>
  </div>
</template>


<script>
  import FansItem from "../components/fansItem.vue"
export default {
    
  name:"fans",
  components:{
    FansItem
  },
  data(){
      return{

      }
  }
}
</script>

<style lang="less" scoped>
@main_color :#ff406f;
    .fans_wrap{
        .head{
            height: 129/75rem;
            background: @main_color;
            line-height: 129/75rem;
            img{
                
                float: left;
                margin-top: 56/75rem;
                margin-left: 30/75rem;

            }
            span{
                font-size: 46/75rem;
                margin-left: 37%;
                text-align: center;
                color: #FFF;

                
                
            }
        }
    }

</style>

